<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <title>官方网站</title>
    <style>
        .name{
            background-color:black;
            height: 70px;
        }
        .carousel{
            height: 500px;
            width: 1000px;
            margin-bottom: 60px;
        }
        .carousel .item{
            height: 500px;
            background-color: #000;
        }
        .carousel .item img{
            width: 100%;
        }
        .carousel-caption{
            z-index: 10;
        }
        .carousel-caption p{
            margin-bottom: 20px;
            font-size: 20px;
            line-height: 1.8;
        }
    </style>
</head>
<body>
    <div class="name">
       <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <ul class="nav nav-tabs">
  <li ><a href="#"><img width="100" height="30" src="img/logo.jpg" alt=""></a></li>
  <li><a href="./%E5%AE%98%E6%96%B9%E7%BD%91%E7%AB%99.html">官方网站</a></li>
  <li><a href="./%E9%A6%96%E9%A1%B5.html">首页</a></li>
  <li><a href="#">男子</a></li>
  <li><a href="#">女子</a></li>
  <li><a href="#">男童</a></li>
  <li><a href="#">女童</a></li>
       <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    系列 <span class="caret"></span>
                </a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="./%E7%AF%AE%E7%90%83.html">篮球</a></li>
                    <li><a href="./%E7%BE%BD%E6%AF%9B%E7%90%83.html">羽毛球</a></li>
                    <li><a href="./%E8%B7%91%E6%AD%A5.html">跑步</a></li>
                    <li class="divider"></li>
                    <li><a href="./%E8%AE%AD%E7%BB%83.html">训练</a></li>
                    <li class="divider"></li>
                    <li><a href="./%E8%BF%90%E5%8A%A8%E6%97%B6%E5%B0%9A.html">运动时尚</a></li>
                </ul></li>
       <li><a href="#">新品</a></li>
       <li><a href="#">更多品牌</a></li>
       <li><form class="navbar-form navbar-left" role="search">
        <div class="form-group">
            <input type="text" class="form-control" placeholder="Search">
        </div>
        <button type="submit" class="btn btn-default">提交</button>
        <a type="button" class="btn btn-default"
 href="%E7%99%BB%E5%BD%95%E6%B3%A8%E5%86%8C%E9%A1%B5%E9%9D%A2.html">登录注册</a>
    </form></li>
       </ul>
       </div>
    
       <div style="height:40px"></div>
   <div style="width:100% ;height:100%"； id="myCarousel" class="carousel slide">
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="3"></li>
        <li data-target="#myCarousel" data-slide-to="4"></li>
        <li data-target="#myCarousel" data-slide-to="5"></li>
        <li data-target="#myCarousel" data-slide-to="6"></li>
        <li data-target="#myCarousel" data-slide-to="7"></li>
    </ol>   
    <div class="carousel-inner">
        <div class="item active">
            <img   src="img/gf1.jpg"  alt="First slide">
        </div>
        <div class="item">
            <img width="100%" src="img/gf2.jpg" alt="Second slide">
        </div>
        <div class="item">
            <img width="100%" src="img/gf3.jpg" alt="fourth slide">
        </div>
        <div class="item">
            <img width="100%" src="img/gf4.jpg" alt="fifth slide">
        </div>
        <div class="item">
            <img width="100%" src="img/gf5.jpg" alt="sixth slide">
        </div>
        <div class="item">
            <img width="100%" src="img/gf6.jpg" alt="sevebth slide">
        </div>
        <div class="item">
            <img width="100%" src="img/gf7.jpg" alt="eighth slide">
        </div>
        <div class="item">
            <img width="100%" src="img/gf8.jpg" alt="ninth slide">
        </div>
    </div>
    <a class="carousel-control left" href="#myCarousel" 
        data-slide="prev">&lsaquo;
    </a>
    <a class="carousel-control right" href="#myCarousel" 
        data-slide="next">&rsaquo;
    </a>
</div>
   <div id="div1">
              <div class="col-md-3" ><p style="text-align:center"><a href=""><img src="img/help.png" alt="">获取帮助</a></p></div>
              <div class="col-md-3" ><p style="text-align:center"><a href=""><img src="img/chek.png" alt="">防伪查询</a></p></div>
              <div class="col-md-3" ><p style="text-align:center"><a href=""><img src="img/fuwu.png" alt="">售后服务</a></p></div>
              <div class="col-md-3" ><p style="text-align:center"><a href=""><img src="img/shopping.png" alt="">团购服务</a></p></div>
          </div>
          <div style="height:100px"></div>
          <p>温馨提示：近日有不法分子假冒+4006100011冒充李宁官方客服人员进行电话诈骗，请您提高警惕，注意保护个人账户信息，切勿泄露他人。如遇类似问题， 请勿回拨来电号码，直接拨打李宁客服电话400-610-0011询问。</p>
          
   
    <img src="img/dibu.png" alt="">
          <footer>
            <p class="pull-right"><a href="#top">返回顶部</a></p>
        </footer>
</body>
</html>